<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输出报告</title>
    <link rel="stylesheet" href="/css/element.css">
</head>
<body>
<script src="/js/Vue.js"></script>
<script src="/js/element.js"></script>
<script src="/js/axios.js"></script>
<script src="/js/Qs.js"></script>
<script type="text/javascript" src="/js/layer.js"></script>
<style>

</style>
<div id="outputReport">
    <el-card>
        <el-table :data="reportData">
            <el-table-column prop="name" label="脚本名称">
            </el-table-column>
            <el-table-column prop="createTime" label="创建时间">
            </el-table-column>
            <el-table-column prop="scriptStatus" label="脚本状态">
            </el-table-column>
            <el-table-column label="操作">
                <template slot-scope="scope">
                    <el-link @click="clickTest">评估</el-link>
                </template>
            </el-table-column>
        </el-table>
    </el-card>
</div>
<script>
    var outputReport = new Vue({
        el:"#outputReport",
        data(){
            return {
                title:"输出报告",
                reportData:[
                    {name:"停电脚本演练1",createTime:"2021-3-12",scriptStatus:"新建"},
                    {name:"停电脚本演练2",createTime:"2021-3-10",scriptStatus:"审批通过"},
                    {name:"停电脚本演练3",createTime:"2021-3-02",scriptStatus:"准备演练"},
                    {name:"停电脚本演练4",createTime:"2021-3-25",scriptStatus:"演练中"},
                    {name:"停电脚本演练5",createTime:"2021-3-02",scriptStatus:"演练完成"},
                ]
            }
        },
        mounted(){

        },
        methods:{
            clickTest(){
                console.log("评估点击!");
            }
        }
    })
</script>
</body>
</html>